import { createRouter, createWebHashHistory } from 'vue-router';
import MainTableView from '../views/MainTableView.vue';
import MaintainView from '../views/MaintainView.vue';
import ReportView from '../views/ReportView.vue';
import sybReport from '../components/reportComponents/sybReport.vue';

const routes = [
  {
    path: '/',
    name: 'mainTable',
    component: MainTableView
  },
  {
    path: '/maintain',
    name: 'maintain',
    component: MaintainView
  },
  {
    path: '/report',
    name: 'report',
    component: ReportView,
    children: [
      {
        path: '/report',
        name: "sybReport",
        component: sybReport,
      },
      {
        path: '/report/sybReport',
        name: "sybReport",
        component: sybReport,
      },
    ]
  },
];
const router = createRouter({
  history: createWebHashHistory(),
  routes
});

export default router;
